/* Icon Blocks 7 */

/* Module / editor bits */
.icon-blocks-7-module .ModuleEditLink{margin-left:0px}
.icon-blocks-7-module .flexi-item-edit{}
.url-browser__image-preview{display:block !important;max-width:150px !important}




/* Container behavior (center-column vs full-width areas) */
.icon-blocks-7-modulex .container{padding:0 !important}
.main-content .icon-blocks-7-module .container{max-width:100% !important;width:100% !important;padding:0 !important}

/* Icon colors */
.icon-color-white{color:#fff}
.icon-color-black{color:#000}
.icon-color-grey{color:#767676}
.icon-color-teal{color:#568c9a}
.icon-color-light-teal{color:#9abac2}
.icon-color-yellow{color:#ff0}
.icon-color-dark-yellow{color:#d7df23}
.icon-color-burgandy{color:#a11d22}
.icon-color-green{color:#5cb85c}
.icon-color-medium-green{color:#799b3e}
.icon-color-dark-green{color:#005700}
.icon-color-red{color:#d9534f}
.icon-color-orange{color:#f0ad4e}
.icon-color-purple{color:#965be8}
.icon-color-medium-purple{color:#9e1f63}
.icon-color-blue{color:#090d97}
.icon-color-light-blue{color:#5bc0de}
.icon-color-baby-blue{color:#86d2da}
.icon-color-light-grey{color:#808080}
.icon-color-very-light-grey{color:#eee}
.icon-color-grey{color:#5e5c56}
.icon-color-charcoal{color:#292929}
.icon-color-Custom1{color:#000}


/* Grid base */
.icon-blocks-7 .icon-blocks-7-itemswrap{display:grid;gap:30px;justify-content:center;align-items:stretch}

/* Desktop: respect custom max columns exactly */
@media (min-width:1200px){
.icon-blocks-7 .icon-blocks-7-itemswrap.icon-blocks-7-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.icon-blocks-7 .icon-blocks-7-itemswrap.icon-blocks-7-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.icon-blocks-7 .icon-blocks-7-itemswrap.icon-blocks-7-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.icon-blocks-7 .icon-blocks-7-itemswrap.icon-blocks-7-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.icon-blocks-7 .icon-blocks-7-itemswrap.icon-blocks-7-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.icon-blocks-7 .icon-blocks-7-itemswrap.icon-blocks-7-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
}

/* Tablet: never exceed 2 (and still respects custom max) */
@media (min-width:576px) and (max-width:1199.98px){
.icon-blocks-7 .icon-blocks-7-itemswrap.icon-blocks-7-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.icon-blocks-7 .icon-blocks-7-itemswrap.icon-blocks-7-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.icon-blocks-7 .icon-blocks-7-itemswrap.icon-blocks-7-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.icon-blocks-7 .icon-blocks-7-itemswrap.icon-blocks-7-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.icon-blocks-7 .icon-blocks-7-itemswrap.icon-blocks-7-cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}
.icon-blocks-7 .icon-blocks-7-itemswrap.icon-blocks-7-cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Phone: always 1 */
@media (max-width:575.98px){
.icon-blocks-7 .icon-blocks-7-itemswrap{grid-template-columns:repeat(1,minmax(0,1fr));gap:18px}
}

/* Card */
.icon-blocks-7-wrap{display:flex;align-items:flex-start;padding:2rem;border-radius:12px;background:#fff;border:1px solid #e3e6ec;box-shadow:0 14px 35px rgba(15,35,52,.08);box-sizing:border-box;height:100%;margin:0;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}
.icon-blocks-7-wrap:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(15,35,52,.12);background:linear-gradient(135deg,#ffffff 0%,#e3e6ec 100%);border-color:#c6c6c6}

/* Layout pieces */
.icon-blocks-7-icon-wrap{margin:0;flex:0 0 auto;align-self:flex-start}
.icon-blocks-7-text-wrap{width:100%;margin:0;flex:1 1 auto;min-width:0}

/* Typography */
.icon-blocks-7-title{font-size:20px;font-weight:700;line-height:1.25;margin:0 0 .35rem 0}
.icon-blocks-7-description{margin:0}

/* Icon sizing + spacing (base) */
.icon-blocks-7-icon{font-size:4.0rem !important;line-height:1;margin:.75rem .75rem 0 0;padding-right:.75rem}

/* Dense desktop grids: tighten icon so text has room */
@media (min-width:1200px){
.icon-blocks-7 .icon-blocks-7-itemswrap.icon-blocks-7-cols-4 .icon-blocks-7-icon{font-size:3.6rem !important;margin:.6rem .6rem 0 0;padding-right:.6rem}
.icon-blocks-7 .icon-blocks-7-itemswrap.icon-blocks-7-cols-5 .icon-blocks-7-icon{font-size:3.2rem !important;margin:.5rem .5rem 0 0;padding-right:.5rem}
.icon-blocks-7 .icon-blocks-7-itemswrap.icon-blocks-7-cols-6 .icon-blocks-7-icon{font-size:3.0rem !important;margin:.45rem .45rem 0 0;padding-right:.45rem}
}

/* Tablet */
@media (max-width:991.98px){
.icon-blocks-7-wrap{padding:10px 16px}
.icon-blocks-7-icon{font-size:3.2rem !important;margin:.5rem .5rem 0 0;padding-right:.5rem}
.icon-blocks-7-title{font-size:16px}
}

/* Phone */
@media (max-width:575.98px){
.icon-blocks-7-wrap{padding:10px 16px}
.icon-blocks-7-icon{font-size:2.7rem !important;margin:.4rem .4rem 0 0;padding-right:.4rem}
.icon-blocks-7-title{font-size:15px}
}